<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="res/push.js"></script>
    <link rel="shortcut icon" type="image/ico" href="https://www.wuzhaoqi.top/web/favicon.ico">
    <meta name="applicable-device" content="pc">
    <meta name="mobile-agent" content="format=html5;url=setting.html">
    <link rel="alternate" media="only screen and(max-width: 800px)" href="setting.html">
    <title>个人信息_无损音乐下载_FLAC_WAV_APE_DSD_SQ688_超高无损音乐</title>
    <meta name="keywords" content="个人信息,无损音乐下载,FLAC,WAV,APE,DSD,SQ688超高无损音乐">
    <link rel="stylesheet" type="text/css" href="res/main.css">
    <link rel="stylesheet" type="text/css" href="res/font-awesome.css">
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="js/Popup.js"></script>
    <script type="text/javascript">
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function () {
            var element = layui.element;

            //…
        });
    </script>
</head>
<body>
<div id="main">
    <div id="header" class="header">
        <div class="warp">
            <div class="logo">
                <h1>超高无损音乐</h1>
            </div>
             <ul class="menu">
                <li><a href="index.html" class="cur">首页</a></li>
                <li><a href="singer.html#华语男歌手">华语男歌手</a></li>
                <li><a href="singer.html#华语女歌手">华语女歌手</a></li>
                <li><a href="singer.html#华语乐队">华语乐队</a></li>
                <li><a href="singer.html#欧美歌手">欧美歌手</a></li>
                <li><a href="singer.html#日韩歌手">日韩歌手</a></li>
                <li><a href="singer.html#专辑合集">专辑合集</a></li>
                <li><a href="share.html">网友分享</a></li>

            </ul>
            <div class="users">
                    <ul class="layui-nav">
                        <li class="layui-nav-item">
                            <a href=""><img :src="user.head" class="layui-nav-img"></a>
                            <dl class="layui-nav-child">
                                <dd><a href="member.html" style="color: #0C0C0C">个人中心</a></dd>
                                <dd><a href="javascript:;" style="color: #0C0C0C">修改密码</a></dd>
                                <dd><a href="vip.html" style="color: #0C0C0C">会员中心</a></dd>
                                <dd><a onclick="returnLogin()" style="color: #0C0C0C">退出登录</a></dd>
                            </dl>
                        </li>
                    </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="search-bar">
            <div class="bar">
                <div class="wrp">
                    <input type="text" id="keyword" placeholder="请输入歌曲名称或者歌手" class="kk"> <a href="javascript:;"
                                                                                             id="btn_search" class="bb"><i
                        class="fa fa-search"></i></a>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <div id="member" class="member">
        <div class="m-left">
            <div class="top">
                <div class="avt">
                    <img :src="user.head">
                </div>
                <div class="info">
                    <h4 v-text="user.nickname"></h4>
                    <p>
                        <span class="tag">标品</span>
                    </p>
                </div>
                <div class="cer">
                  <ul class="menu">
                        <li><a href="member.html"><i class="fa fa-navicon"></i> 用户中心</a></li>
                        <li><a href="setting.html"  class="cur"><i class="fa fa-user"></i> 个人信息</a></li>
                        <li><a href="my.html"><i class="fa fa-music"></i> 无损分享</a></li>
                        <li><a href="cs.html"><i class="fa fa-star"></i> 音乐收藏</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="m-right">
            <div class="head">
                <i class="leline"></i>个人信息
            </div>
            <div class="cts">
                <div class="tb">
                    <div class="tbr">
                        <div class="tbh">昵称</div>
                        <div class="tbd">
                            <input placeholder="请填写昵称" name="nickname" v-model="user.nickname" class="txt">
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="tbr">
                        <div class="tbh">手机</div>
                        <div class="tbd">
                            <input placeholder="请填写手机号码" name="phone" v-model="user.phone" class="txt">
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="tbr">
                        <div class="tbh">邮箱</div>
                        <div class="tbd">
                            <input placeholder="请填写电子邮箱" name="email" v-model="user.email" class="txt">
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="tbr">
                        <div class="tbh">QQ</div>
                        <div class="tbd">
                            <input placeholder="请填写QQ好嘛" name="qq" v-model="user.qq" class="txt">
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="tbr">
                        <div class="tbd">
                            <button class="btn-save" @click="changeUser">保存</button>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="warp">
            Copyright 2015-2020 超高无损音乐<a href="https://beian.miit.gov.cn/#/Integrated/index">
            <span>湘ICP备2020019542号-1</span></a><br>
        </div>
    </div>
</div>
<script type="text/javascript">
    var na = new Vue({
        el: "#main",
        data: {
            user: {
                id: 0,
                name: "",
                nickname: "",
                pwd: "",
                phone: "",
                email: "",
                qq: "",
                head: "",
                rank: "",
                glod: "",
                create_time: ""
            },
            isVip: false
        },
        methods: {
            changeUser() {

                const url = "user.do?op=changeUser"

                axios.get(url, {
                    params: {
                        id: this.user.id,
                        nickname: this.user.nickname,
                        email: this.user.email,
                        qq: this.user.qq,
                        phone: this.user.phone,
                    }
                }).then((res) => {
                    alertSave(res.data)
                });
            }
        },
        created() {

            var url = "user.do?op=queryUser"
            axios.get(url).then((res) => {
                if (res.data === "请先登录 !") {
                    gotoLogin();
                }
                this.user = res.data;
            });
            axios.get("user.do?op=isVip").then((res) => {
                if (res.data === "0") {
                    this.isVip = true;
                }else {
                    alertMyVip()
                }
            });
        },

    });
</script>
</body>
</html>